<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>常用功能及设置方法.html</title>
		<script type="text/javascript" src="js/My97DatePicker4.7.2/WdatePicker.js" ></script>
	</head>
	
	<style>
		ul li{
			list-style-type:none;
			border: 1px solid black;
			width : 470px;
			height: 320px;
			display: inline-block;
			margin: 10px;
		}
	</style>
	
	<body>
		<ul>
			<li>
				<h5>最简单配置</h5>
				<input type="text" class="Wdate"  onfocus="WdatePicker({lang:'zh-cn'})"  />		
			</li>
			<li>
				<h5>显示年：dateFmt:'yyyy'</h5>
				<input type="text" class="Wdate"  onfocus="WdatePicker({lang:'zh-cn',dateFmt:'yyyy'})"  />
			</li>
			<li>
				<h5>显示年月：dateFmt:'yyyyMM'</h5>
				<input type="text" class="Wdate"  onfocus="WdatePicker({lang:'zh-cn',dateFmt:'yyyyMM'})"  />
			</li>
			<li>
				<h5>显示年月日：dateFmt:'yyyyMMdd'</h5>
				<input type="text" class="Wdate"  onfocus="WdatePicker({lang:'zh-cn',dateFmt:'yyyyMMdd'})"  />
			</li>
			<li>
				<h5>显示年月日时分秒：dateFmt:'yyyyMMdd HH:mm:ss'</h5>
				<input type="text" class="Wdate"  onfocus="WdatePicker({lang:'zh-cn',dateFmt:'yyyyMMdd HH:mm:ss'})"  />
			</li>
			<li>
				<h5>格式化:年月日时分秒：dateFmt:'yyyy年MM月dd日 HH时:mm分:ss秒'</h5>
				<input type="text" class="Wdate" style="width: 400px;display: inline-block;"
					onfocus="WdatePicker({lang:'zh-cn',dateFmt:'yyyy年MM月dd日 HH时:mm分:ss秒'})"  />
			</li>
			<li>
				<h5>设置只读：readOnly:true</h5>
				<input type="text" class="Wdate"  onfocus="WdatePicker({lang:'zh-cn',readOnly:true})"  />		
			</li>
			<li>
				<h5>隐藏清空按钮：isShowClear:false</h5>
				<input type="text" class="Wdate"  onfocus="WdatePicker({lang:'zh-cn',isShowClear:false})"  />		
			</li>
			<li>
				<h5>设置今天为最小日期：minDate:new Date()</h5>
				<input type="text" class="Wdate"  onfocus="WdatePicker({lang:'zh-cn',minDate:new Date()})"  />
			</li>
			<li>
				<h5>设置今天为最大日期：maxDate:new Date()</h5>
				<input type="text" class="Wdate"  onfocus="WdatePicker({lang:'zh-cn',maxDate:new Date()})"  />
			</li>
			<li>
				<h5>设置明天为最小日期：minDate:'%y-%M-{%d+1}'</h5>
				<input type="text" class="Wdate"  onfocus="WdatePicker({lang:'zh-cn',minDate:'%y-%M-{%d+1}'})"  />
			</li>
			<li>
				<h5>只能选择本月第一天到最后一天：minDate:'%y-%M-01',maxDate:'%y-%M-%ld'</h5>
				<input type="text" class="Wdate"  onfocus="WdatePicker({lang:'zh-cn',minDate:'%y-%M-01',maxDate:'%y-%M-%ld'})"  />
			</li>
			<li>
				<h5>开始日期不能大于结束日期，且都不能大于今天：</h5>
				<!--开始日期-maxDate:'#F{$dp.$D(\'endDate\')||\'new Date()\'}'
				结束日期-minDate:'#F{$dp.$D(\'startDate\')}',maxDate:new Date()-->
				<input id="startDate" type="text" class="Wdate"  
					onfocus="WdatePicker({lang:'zh-cn',maxDate:'#F{$dp.$D(\'endDate\')||\'new Date()\'}'})"  />
				<input id="endDate" type="text" class="Wdate"  
					onfocus="WdatePicker({lang:'zh-cn',minDate:'#F{$dp.$D(\'startDate\')}',maxDate:new Date()})"  />
			</li>
			<li>
				<h5>设置显示周</h5>
				<input type="text" class="Wdate" onfocus="WdatePicker({lang:'zh-cn',isShowWeek:true})"  />
			</li>
		</ul>
	</body>
</html>
